<template>
  <van-tabbar
    v-model="active"
    active-color="#ff5f16"
    inactive-color="#999"
    route
    fixed
    border
  >
    <van-tabbar-item
      v-for="(l, i) in FootList"
      :key="i"
      replace
      :to="{ name: l.name }"
      :badge="l.hot ? cartNum : null"
    >
      <span> {{ l.text }} </span>
      <template #icon="props">
        <i class="iconfont" :class="l.icon"></i>
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active: ''
        }
    }
}
</script>